<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<svg width="200" height="200" viewBox="0 0 200 200" style="fill: none;stroke: black;">
			<path d="M20 80 C 50 20,150 60,150 60" /></path>
		</svg>
		
		<svg width="200" height="200" viewBox="0 0 200 200" style="fill: none;stroke: black;">
			<path d="M40 50 C 10 10,140 10,110 50" /></path>
		</svg>
		
		<svg width="200" height="200" viewBox="0 0 200 200" style="fill: none;stroke: black;">
			<path d="M40 50 C 60 10,90 10,110 50" /></path>
		</svg>
		
		<svg width="200" height="200" viewBox="0 0 200 200" style="fill: none;stroke: black;">
			<path d="M40 50 C 110 10,40 10,110 50" /></path>
		</svg>
		
		
		
		<!--多条连接在一起的三次贝塞尔曲线-->
		<svg width="200" height="200" viewBox="0 0 200 200" style="fill: none;stroke: black;">
			<path d="M30 100 C 50 50, 70 20, 100 100, 110,130,45,150,65,100"></path>
		</svg>
		
		
		<!--平滑的三次贝塞尔曲线-->
		<svg width="200" height="200" viewBox="0 0 200 200" style="stroke:black;fill:none;">
			<path d="M30 100 C 50 30,70 50,100 100 S 150 40, 200 80"></path>
		</svg>
	</body>
</html>
